@import '../index.less';

.layout-vessel {
    .element;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    min-height: 20px;
    padding-top: 10px;
    min-height: 50px;
    .cell {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative;
    }
    .js-empty-layout {
        .cell {
            min-height: 15px;
        }
    }
    .border-cell {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-width: 0;
    }
    .layout-vessel-draggable {
        height: 100%;
        outline: none;
    }
    .cell-drag {
        position: absolute !important;
        left: 50%;
        top: 0;
        height: 100%;
        width: 1px;
        background-color: #d5edfd;
        z-index: 100;
        cursor: ew-resize;
        span {
            position: absolute;
            left: 0;
            top: 50%;
            margin: -13px 0 0 -2px;
            width: 5px;
            height: 25px;
            border-radius: 2px;
            background-color: #d5edfd;
        }
    }
    // &.clearfix {
    //     zoom: 1;
    //     &:before, &:after {
    //         content: ' ';
    //         display: table;
    //     }
    //     &:after {
    //         clear: both;
    //         visibility: hidden;
    //         font-size: 0;
    //         height: 0;
    //     }
    // }
}